<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>用户登录页面</title>
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/userlogin.css">

</head>
<body>
    <div id="outer">
        <div class="login-left">
            <p class="login-txt">你好<br>欢迎来到饿没了用户登录端</p>
            <div class="i"></div>
            
        </div>
        <div class="user-input">
            <div class="info">
                <span class="info-span1"><h2>登录</h2></span>
                
              

                <div class="input-accont">
                    <label for="input_username">账号：</label>
                    <input type="text" id="input_username" maxlength="20" placeholder="请输入账号:"> 
                              
                </div>

                <div class="input-pass">
                    <label for="input_password">密码：</label>
                    <input type="password" id="input_password" maxlength="16" placeholder="请输入密码:">           
                </div>

                <div class="pro-one">
                    <a href="http://www.baidu.com" target="_blank">忘记密码</a>
                </div>

                <div class="pro-two">
                    <a href="http://www.baidu.com" target="_blank">其他</a>
                </div>
          
                <div class="logbutton">
                   <button type="button" onclick="alert('正在加载...')"><a href="./order.html" target="iframe-con">登录</a></button>
                </div>
                <div class="regbutton">
                    <button type="button"><a href="./userregister.html" target="iframe-con">注册</a></button>
                 </div>
                
                
            </div>
        </div>
    </div>
</body>
</html>